@import url("reset.css");
/*General Styles*/
html {
        height:100%
}

body {
        background: #f2f2f2;
        font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
        font-size:14px;
        color: #414040;
        min-height:100%;
        padding-top:15px;
}

p {
        font-size:14px;
        color:#414040;
}

a {
        text-decoration:none;
        outline:none;
        color:#1d56a3;
        font-size:14px;
}

a:hover {
        text-decoration:underline;
        outline:none;
        color:#a453e3;
        font-size:14px;
}

code {
        font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
        color:#000000;
}

blockquote {
        font-style:italic;
        background:#E0E0E0;
        margin-left:20px;
}

#wrap {
        width:980px;
        background:#fff;
        margin: 0 auto;
}

.clear {
        clear:both;
}

/*Header*/

#header_logo {
        height:118px;
}/*высота для сливания лого со слайдером*/

#header {
        height:396px;
        -moz-box-shadow:0px 2px 10px #d0d0d0;
    -webkit-box-shadow:0px 2px 10px #d0d0d0;
    box-shadow:0px 2px 10px #d0d0d0;
}

#header_top {
        height:260px;
        border:2px solid #d0d0d0;
        padding:6px 5px 4px 5px;
        -moz-box-shadow:0px 2px 10px #d0d0d0;
    -webkit-box-shadow:0px 2px 10px #d0d0d0;
    box-shadow:0px 2px 10px #d0d0d0;
        
}

/*Slider*/
#header_slider ul li {
        float:left;
        border-left:1px solid #d0d0d0;
        border-bottom:2px solid #d0d0d0;
        display:inline-block;
}

#coin-slider5 {
        border-left:1px solid #d0d0d0;
}

/*Nav_menu*/

/*фиксированная ширина меню*/
#nav_menu {
    width:980px;
    position:relative;
        padding-top:0px;
}

/*элементы списка*/
#nav_menu li{
    float:left;
    width:96px;
    height:120px;
    border:1px solid #d0d0d0;
}

#nav_menu li a{
        background:#aaaaab;;
    display:block;
    overflow:hidden;
    text-align:center;
    line-height:50px;
    height:100%;
    width:100%;
    position:relative;
    /*-moz-box-shadow:1px 1px 2px #d0d0d0;
    -webkit-box-shadow:1px 1px 2px #d0d0d0;
    box-shadow:1px 1px 0px #fff;*/
}

#nav_menu li:hover a{
        background:#fff;
		line-height:40px;
}

#nav_menu li:hover a{
	background:#fff;
}

#nav_menu li a h2{
    color:#000;
    font-family:
    Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size:9px;
    line-height:1.25;
    font-weight:500;
    text-transform:uppercase;
        vertical-align:text-bottom;
        text-shadow: 0px 1px 0px black;
}

#nav_menu li:hover a h2{
    color:#4149dc;
}

.text-box {
  display: inline-block;
  line-height: 1.2;
  vertical-align: middle;
}

#nav_menu img {
        padding:5px 0 0 16px;
}

#nav_menu li:hover .i1 {
        display:none;
}
#nav_menu li:hover .i1 {
	display:none;
}

#nav_menu li:hover .i2 {
        display:block;
}

#nav_menu li:hover .i2 {
	display:block;
}

.i1 {
        display:block;		
}
.i2 {
        display:none;
}
        



/*Content*/

#container {
        padding-top:15px;
        height:600px;
}

/*Sidebar*/

#sidebar {
        width:360px;
        float:left;
        padding:0 20px 0 10px;
}

.aboutus {
	    padding: 3px 0  3px 45px;
        font-size:22px;
		vertical-align: middle;
        color:#fff;
		font-weight:bold;
		background:url(img/aboutus_bg.png);
        /*background:#1d56a3;*/
        margin-bottom:6px;
		-moz-box-shadow:0 1px #1d56a3;
    -webkit-box-shadow:0 1px #1d56a3;
    box-shadow:0 1px #1d56a3;
}

.newdevelopment {
	    padding: 3px 0  3px 45px;
        font-size:22px;
		vertical-align: middle;
        color:#fff;
		font-weight:bold;
		background:url(img/newdevelopment_bg.png);
        /*background:#1d56a3;*/
        margin-bottom:6px;
		-moz-box-shadow:0 1px #1d56a3;
    -webkit-box-shadow:0 1px #1d56a3;
    box-shadow:0 1px #1d56a3;
}

.ac img {
        border:1px solid #d0d0d0;
        padding:2px;
        float:left;
        margin-right:2px;
}

.section {
        margin-bottom:10px;
}

.section p {
        line-height:1.5;
}
        

/*List arrows*/
.section ul li {
        list-style:none;
        background:url(img/arrow_3_20x20.png) no-repeat left top;
        padding:1px 0 5px 20px;
        border-bottom:1px dotted #d0d0d0;
		margin-bottom:5px;
}

/*Content_news*/

#content_news {
        width:580px;
        float:left;
        padding: 0 10px 0 0;
}

#news {
        padding: 3px 0  3px 40px;
        font-size:22px;
		vertical-align: middle;
        color:#fff;
		font-weight:bold;
		background:url(img/news_bg.png);
        /*background:#1d56a3;*/
        margin-bottom:6px;
		-moz-box-shadow:0 1px #1d56a3;
    -webkit-box-shadow:0 1px #1d56a3;
    box-shadow:0 1px #1d56a3;
}

.p_head {
        margin-bottom:0px;
}

.post {
        overflow:hidden;
        margin-bottom:10px;
        padding-bottom:4px;
        
}

.post p {
        padding-left:111px;
}

.post h1 a {
        font-style:italic;
        font-size:15px;
        color:#1d56a3;
}

.post img {
        border:1px solid #d0d0d0;
        padding:2px;
        float:left;
        margin-right:5px;
}


.date {
        font-style:italic;
        font-size:11px;
        float:left;
        padding:2px 0 0 0px;
}



.more-link {
        float:right;
        margin-top:9px;
        display:block;
        padding:5px;
        background:#d6d6d6;
        color:#fff;
}

.more-link:hover {
        text-decoration:none;
        background:#eeeeee;
        color:#1d56a3;
}

.meta_bottom {
        margin:5px 0 0 111px;
        border-top:1px solid #d0d0d0;
}

/*Footer*/

#footer_top {
        background:#aaaaab;
		overflow:hidden;
		-moz-box-shadow:0px 3px 10px #d0d0d0;
    -webkit-box-shadow:0px 3px 10px #d0d0d0;
    box-shadow:0px 3px 10px #d0d0d0;
}

.footer_block {
        float:left;
        width:256px;
        margin:0 34px 0 36px;
        padding: 27px 0 25px 0;
        line-height:20px;
        text-align:center;
}

.footer_block h3 {
        font-size:18px;
        text-transform:uppercase;
        color:#fff;
        border-bottom:1px solid #fff;
        margin-bottom:18px;
        padding-bottom:15px;
        text-align:center;
}

#footer_nav {
        overflow:hidden;
        margin:24px 0 20px 24px;
        float:left;
}

#footer_nav li {
        float:left;
        border-left:1px solid #666;
        padding:0 10px;
        margin:0 1px 0 -1px;
}

#footer_bottom p {
        float:right;
        padding: 20px 20px 0 0;
}

/* form styles */

#feedback_form {
	width:660px;
	height:500px;
	margin: 50px 100px 100px 100px;
}

form .row {
display: block;
padding: 7px 8px;
margin-bottom: 7px;
}
form .row:hover {
background: #f1f7fa;
}

form label {
display: inline-block;
font-size: 1.2em;
font-weight: bold;
width: 120px;
padding: 6px 0;
color: #464646;
vertical-align: top;
}
form .req { color: #ca5354; }

form .note {
font-size: 1.2em;
line-height: 1.33em;
font-weight: normal;
padding: 2px 7px;
margin-bottom: 10px;
}

form input:focus, form textarea:focus { outline: none; }

::-webkit-input-placeholder { color: #aaafbd; font-style: italic; } /* WebKit */
:-moz-placeholder { color: #aaafbd; font-style: italic; } /* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color: #aaafbd; font-style: italic; } /* Mozilla Firefox 19+ */
:-ms-input-placeholder { color: #aaafbd; font-style: italic; } /* Internet Explorer 10+ */

form .txt {
display: inline-block;
padding: 8px 9px;
padding-right: 30px;
width: 240px;
font-family: 'Oxygen', sans-serif;
font-size: 1.35em;
font-weight: normal;
color: #898989;
}

/*Alternative menu*/

.diesel_diagnostic_menu
{
margin:8%;
height:64px;
wight:64px;
padding-left:10px;
background:url() no-repeat;
 
}

.autodiagnostic_menu
{
margin:8%;
height:64px;
wight:64px;
background:url() no-repeat;
 
}
.monitoring_systems_menu
{
margin:10px 0 0 12px;
height:64px;
wight:64px;
background:url() no-repeat;
 
}
 

 
.primer_ddm
{
	color:#000;
    font-family:
    Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size:9px;
    line-height:1.25;
    font-weight:500;
    text-transform:uppercase;
        text-align:center;
        text-shadow: 0px 1px 0px black;
background-color: #eeeeee;
padding:15px;
    width:90px;
    height:90px;
    border:1px solid #000;
color: #000;
 
-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
box-shadow:1px 1px 10px #ccc;
float:left;
}
 
.primer_ddm:hover
{
background-color: #d9522c;
 border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
 
width:90px;
height:90px;
box-shadow:1px 5px 10px #ccc;
}

.primer_adm
{
 
padding:15px;
width:90px;
height:90px;
margin:10px;
color: #fff;
-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
box-shadow:1px 1px 10px #ccc;
float:left;
}
 
.primer_adm:hover
{
background-color: #ae193e;
 border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
 
width:90px;
height:90px;
box-shadow:1px 5px 10px #ccc;
}
 
.primer_msm
{
 
padding:15px;
width:90px;
height:90px;
margin:10px;
color: #fff;
 
-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
box-shadow:1px 1px 10px #ccc;
float:left;
}
 
.primer_msm:hover
{
background-color: #0099ab;
 border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
 
width:90px;
height:90px;
box-shadow:1px 5px 10px #ccc;
}
 
